<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/vue.js"></script>
    <script>
        Vue.config.productionTip=false  //关闭生产状态提示
        console.log(new Vue())
    </script>
    <style>
        .maindiv{
            display: inline-block;
            border: 1px solid #000;
            text-align: center;
            width: 200px;
        }
    </style>
</head>
<body>
    <h1>VUE2版本学习笔记</h1>
    <div class="maindiv">
        <ul>
            <li><a href="ch01.html">启动VUE</a></li>
            <li><a href="ch02.html">数据绑定</a></li>
            <li><a href="ch03.html">回顾ES6对象属性</a></li>
            <li><a href="ch04.html">vue属性访问</a></li>
            <li><a href="ch05.html">事件访问</a></li>
            <li><a href="ch06.html">键盘事件</a></li>
            <li><a href="ch07.html">样式绑定</a></li>
            <li><a href="ch08.html">计算属性</a></li>
            <li><a href="ch09.html">监视属性</a></li>
            <li><a href="ch10.html">列表</a></li>
        </ul>
    </div>
    <div class="maindiv">
        <ul>
            <li><a href="ch11.html">表单数据</a></li>
            <li><a href="ch12.html">过滤器应用</a></li>
            <li><a href="ch13.html">常用指令</a></li>
            <li><a href="ch14.html">自定义指令</a></li>
            <li><a href="ch15.html">组件应用</a></li>
            <li><a href="ch16.html">组件嵌套</a></li>
            <li><a href="ch17.html">render调用</a></li>
            <li><a href="ch18.html">ref属性</a></li>
          <li><a href="ch19.html">props属性</a></li>
          <li><a href="ch20.html">浏览器本地存储</a></li>
        </ul>
    </div>
</body>
</html>
